<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document" style="width:80rem">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{vm.modalTitle}}</h4>
            </div>
            <div class="modal-body">
                <div style="height: 40rem">
                    <div id="metric_chart" style="height: 40rem;width: 70rem;"></div>
                </div>
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>
<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">用户分析</li>
            </ul>
        </div>
    </div>
</div>
<div style="padding: 0 10px 0">
    <div style="text-align: right;font-size: 1.2rem; float: right;width: 50%;color: red;">数据更新时间：每日10:00后更新昨日数据</div>
    <br/>
</div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div class="row">
            <div class="col-xs-12 col-md-12">
                <div class="page-header" style="margin: 20px 0 20px;">
                    <form class="form-inline">
                        <div class="form-group">
                            <div class='input-group date' id='bizTime'>
                                <label for="bizTime" style="display: table-cell;">业务时间：</label>
                                <input type='text' class="form-control" ng-model="vm.p.bizTime" name="bizTime"
                                    style="width: 17.6rem" />
                                <span class="input-group-addon" style="width: 4rem">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="imei">imei：</label>
                            <input type='text' class="form-control" ng-model="vm.p.imei" id="imei" name='imei' style="width: 17.6rem" />
                        </div>
                        <!-- <div class="form-group">
                            <label for="biz">业务线：</label>
                            <select class="form-control" id="biz" ng-model="vm.p.biz" ng-init="wuba" style="width:17.6rem" ng-change="changeDim()">
                                <option value="58">58招聘</option>
                                <option value='ganji'>赶集</option>
                            </select>
                        </div> -->
                        <button id="refreshTable" type="button" class="btn btn-primary" ng-click="queryReport()">
                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
                        </button>
                    </form>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <h3 class="sub-header" style="display:inline-block"> 用户行为 </h3>
                <table id="list_table" class="table table-condensed"
                       data-toolbar="#toolbar"
                       data-search="true"
                       data-show-toggle="true"
                       data-show-columns="true"
                       data-show-pagination-switch="true"
                       data-pagination="true"
                       data-search-align="left"
                       data-buttons-align="left"
                       data-toolbar-align="left"
                       data-loading-template="tableLoadingTemplate"
                       data-side-pagination="client">
                    <thead>
                    <tr>
                        <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>
                        <th data-field="imei" data-sortable="true">求职者</th>
                        <th data-field="adDisptype" data-sortable="true" >商业类型</th>
                        <th data-field="realExposurePv" data-sortable="true" data-formatter="userReportFormatter">曝光量</th>
                        <th data-field="infoDetailPv" data-sortable="true" data-formatter="userReportFormatter">点击量</th>
                        <th data-field="resumeDeliveryPv" data-sortable="true" data-formatter="userReportFormatter">投递量</th>
                        <th data-field="imPv" data-sortable="true" data-formatter="userReportFormatter">微聊量</th>
                        <th data-field="telConnPv" data-sortable="true" data-formatter="userReportFormatter">电话量</th>
                        <th data-field="dt" data-sortable="true">更新时间</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
